<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div class="row">
            <div class="col-sm-12">
                <ji class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="tabs-container">
                                    <ul class="nav nav-tabs">
                                        <li class="active"><a data-toggle="tab" href="#tab-4" aria-expanded="false"> 虚拟商品</a></li>
                                        <li class="selectCouponList "><a data-toggle="tab" href="#tab-1" aria-expanded="false"> 优惠券</a></li>
                                        <li class="giftCardList"><a data-toggle="tab" href="#tab-2" aria-expanded="false"> 礼品卡</a></li>
                                        <li class="courseList"><a data-toggle="tab" href="#tab-3" aria-expanded="false"> 课程</a></li>

                                    </ul>
                                    <div class="tab-content">
                                        <div id="tab-1" class="tab-pane">
                                                    <div class="wrapper wrapper-content animated fadeInLeft">
                                                        <div>
                                                            <div class="ibox float-e-margins">
                                                                <div class="ibox-title">
                                                                    <div class="row">

                                                                        <div class="col-sm-12">
                                                                            <form  id="coupon-search-form" role="form" class="form-inline search-form">
                                                                                <div class="form-group form-box" style="margin-bottom: 10px;width: 155px;">
                                                                                    <input placeholder="请输入优惠券名称" style="width: 155px; min-width:155px;" class="form-control common-search-word" type="text" >
                                                                                </div>
                                                                                <select class="form-control mb10" name="type">
                                                                                    <option value="">优惠券类型</option>
                                                                                    <option value="1">折扣券</option>
                                                                                    <option value="2">定额券</option>
                                                                                </select>
                                                                                <div class="form-group" style="margin-bottom: 10px">
                                                                                    <input placeholder="优惠券创建开始时间" name="beginTime" value="" id="startDate" class="laydate-icon form-control layer-date" type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                                                                </div>
                                                                                <div class="form-group" style="margin-bottom: 10px">
                                                                                    <input placeholder="优惠券创建到期时间" name="endTime" value="" id="endDate" class="laydate-icon form-control layer-date" type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                                                                </div>
                                                                              <button type="button" id="couponQuerySubmit" class="btn btn-sm btn-primary vam pull-right">搜索</button>
                                                                            </form>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="oc-ibox-content" id="coupon-list-context">

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                          </div>
                                        <div id="tab-2" class="tab-pane">
                                            <div class="wrapper wrapper-content animated fadeInLeft">

                                                    <div class="ibox float-e-margins">
                                                        <div class="ibox-title">
                                                            <div class="row">
                                                                <div class="col-sm-12">
                                                                    <form  id="giftCard-search-form" role="form" class="form-inline search-form">
                                                                        <div class="form-group form-box" style="margin-bottom: 10px">
                                                                            <input placeholder="请输入礼品卡名称"  value="" class="form-control common-search-word" type="email">
                                                                        </div>
                                                                        <select class="form-control mb10" name="cardType">
                                                                            <option value="">礼品卡类型</option>
                                                                            <option  value="2">课程卡</option>
                                                                            <option  value="3">充值卡</option>
                                                                        </select>
                                                                        <div class="form-group" style="margin-bottom: 10px">
                                                                            <input placeholder="请输入礼品卡创建时间" name="beginTime"  class="laydate-icon form-control layer-date" type="text" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                                                                        </div>
                                                                        <button type="button" id="giftCardQuerySubmit" class="btn btn-sm btn-primary vam pull-right">搜索</button>
                                                                    </form>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="oc-ibox-content" id="giftCard-list-context">

                                                        </div>
                                                    </div>

                                            </div>
                                        </div>
                                        <div id="tab-3" class="tab-pane">
                                             <div class="wrapper wrapper-content animated fadeInLeft">

                                                      <div class="ibox float-e-margins">
                                                          <div class="ibox-title">
                                                              <div class="row">
                                                                  <div class="col-sm-12">
                                                                      <form  id="course-search-form" role="form" class="form-inline search-form">
                                                                          <input type="hidden" name="subjectIds" id="subjectIds"/>
                                                                          <div id="subject-box" class="form-group form-box"></div>
                                                                          <select class="form-control mb10" name="courseTypeKey">
                                                                              <option value="">课程类型</option>
                                                                              <th:block th:each="courseType : ${courseTypeList}">
                                                                                  <option th:value="${courseType.key}" th:text="${courseType.value}"></option>
                                                                              </th:block>
                                                                          </select>
                                                                          <div class="form-group form-box" style="margin-bottom: 10px">
                                                                              <input placeholder="请输入想要查找课程名称" class="form-control common-search-word" type="text">
                                                                          </div>
                                                                          <button class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px" id="courseQuerySubmit">搜索</button>
                                                                      </form>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="oc-ibox-content" id="course-list-context">

                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>

                                        <div id="tab-4" class="tab-pane active">
                                            <div class="wrapper wrapper-content animated fadeInLeft">
                                                <div class="ibox float-e-margins">
                                                    <div class="ibox-title">
                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <button type="button" class="btn  btn-danger" id="openview"> <i class="fa fa-plus-circle"></i> 新建虚拟商品 </button>
                                                            </div>
                                                            <div class="col-sm-6 text-right">
                                                                <form  id="virtual-form" role="form" class="form-inline search-form">

                                                                    <div class="form-group form-box" style="margin-bottom: 10px">
                                                                        <input placeholder="请输入虚拟商品名称" name="name" value="" class="input-sm form-control vam common-search-word" type="text">
                                                                    </div>
                                                                    <button class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px" id="virtualSubmit">搜索</button>
                                                                </form>
                                                            </div>

                                                        </div>
                                                    </div>
                                                    <div class="oc-ibox-content" id="virtual-list">

                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                     </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </ji>
            </div>
        </div>
    </div>
</body>
<div data-th-replace="layout/head-footer"></div>
<script type="text/javascript" th:src="@{{path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/course/cou/select-common-course.js?v={v}(path=${staticPath},v=${v})}"></script>
<script type="text/javascript" th:src="@{{path}/admin/business/integragood/select-shopData.js?v={v}(path=${staticPath},v=${v})}"></script>
</html>
